<template>
	<view class="top1">
		<view class="top3">
			
			<view class="top4">
				<view class="top6">
					姓名:
				</view>
				<view class="top7">
					<input type="text" placeholder="请输入姓名" class="input-field" v-model="name" value=""/>
				</view>
			</view>
			<view class="top4">
				<view class="top6">
					手机号:
				</view>
				<view class="top7">
					<input type="text" placeholder="请输入手机号" class="input-field" v-model="phone"/>
				</view>
			</view>
			<view class="top4">
				<view class="top6">
					备注:
				</view>
				<view class="top7">
					<textarea v-model="notes" class="input-field"></textarea>
				</view>
			</view>
		</view>
		<button type="button" class="tijiao" @click="submit()">提交</button>
	
	</view>
</template>

<script>
	export default {
		data(){
			return {
				name:'',
				phone:'',
				notes:'',
			}
		},
		onShow() {
			
		},
		onLoad() {
			this.index()
		},
		methods:{
			submit(){
				
					this.$ajax('post','bus.alipay/alipay',{
						name:this.name,
						phone:this.phone,
						notes:this.notes,
					}).then(res=>{
						if(res.code==1){
							uni.showToast({
								title:res.msg
							})
						}
					})
			},
			index(){
				
				this.$ajax('post','bus.alipay/index',{	
				}).then(res=>{
					this.name = res.data.name
					this.notes = res.data.notes
					this.phone = res.data.phone
				});
			},
		
		},
	}
</script>

<style>
.top1{
	width: 100%;
}
.top2 img{
	width: 100%;
}
.top3{
	width: 80%;
	margin: auto;
	margin-top: 10%;
}
.top4{
	width: 100%;
	border-bottom: 1px solid #464545;
	display: flex;
	padding: 10px 0px;
}
.top5{
	width: 100%;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
}
.top6{
	font-size: 16px;
	width: 20%;
	float: left;
}
.top7 input{
				width: 100%;
				height: 100%;
				padding-left: 20rpx;
				font-size: 32rpx;
			}
.top7 textarea{
				width: 100%;
				height: 250rpx;
				padding-left: 20rpx;
				font-size: 32rpx;
			}
.top7{
	float: left;
	width: 70%;
	display: flex;
}
.tijiao{
	background-color: green;
	width: 60%;
	margin-top: 10px;
	color: aliceblue;
}
.top8{
	display: flex;
	font-size: 14px;
	width: 100px;
	line-height: 28px;
}
.ewm{
	width: 100%;
	text-align: center;
}
.ewm img{ width: 300rpx; height: 300rpx;}
</style>